<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/lianxi.css">
    <script type="text/javascript"
        src="http://api.map.baidu.com/api?v=2.0&ak=9FEijeOWGUrd6GcQq1g8ZaPNW683Ns2K"></script>
</head>

<body>
    <div class="top">
        <!-- 头部 -->
        <div class="head ">
            <div class="headleft ">
                <img src="../imgs/image.png" alt="">
            </div>
            <div class="headcenter ">
                <ul class="headul right">
                    <li><a href="./home.html">首页</a></li>
                    <li><a href="./guanyu.html">关于</a></li>
                    <li><a href="./chaye.html">茶叶</a></li>
                    <li><a href="./jidi.html">基地</a></li>
                    <li><a href="./news.html">新闻</a></li>
                    <li><a href="./lianxi.html">联系</a></li>
                </ul>
            </div>
            <div class="headright ">
                <a href="./chaye.html"><img src="../imgs/sousuo.png" alt=""></a>
                <a href="./login.html"><img src="../imgs/user.png" alt=""></a>
                <a href="./shopcar.html"><img src="../imgs/shopcar.png" alt=""></a>
            </div>
        </div>
    </div>
    <!-- banner图 -->
    <div class="banner">
        <img src="../imgs/lianxibanner.webp" alt="">
    </div>
    <!-- 文字样式 -->
    <div class="lianxitext">
        <p>中国历史上有很长的饮茶纪录，已经无法确切地查明到底是在什么年代了，但是大致的时代是有说法的。并且也可</p>
        <p>以找到证据显示，确实在世界上的很多地方饮茶的习惯是从中国传过去的。</p>
    </div>
    <!-- 邮箱电话地址 -->
    <div class="eta">
        <div class="email">
            <img src="../imgs/email.webp" alt="">
            <p>邮箱</p>
            <span>info@email.com</span>
        </div>
        <div class="telephone">
            <img src="../imgs/telephone.webp" alt="">
            <p>电话</p>
            <span>13725415481/010 6888 6888</span>
        </div>
        <div class="address">
            <img src="../imgs/address.webp" alt="">
            <p>地址</p>
            <span>苏州市建外SOHO东区2号楼</span>
        </div>
    </div>
    <!-- 地址 -->
    <div class="lianxiaddress">
        <div style="width:1200px;height:400px;border:#ccc solid 1px;font-size:12px" id="map"></div>
    </div>

    <!-- 底部 -->
    <div class="footer">
        <div class="footerbox">
            <div class="footerboxleft">
                <div class="footerboxone">
                    <p>联系</p>
                    <p>content</p>
                </div>
                <div class="footerboxtwo">
                    <p>关于我们</p>
                    <img src="../imgs/wechat.png" alt="">
                    <img src="../imgs/weibo.png" alt="">
                </div>
            </div>
            <div class="footerboxcenter">
                <p>起飞页自助建站平台</p>
                <span>地址：苏州市建外SOHO东区2号楼</span><br>
                <span>邮编：100000</span><br>
                <span>电话：010-69557550</span>
            </div>
            <div class="erweima">
                <div>
                    <img src="../imgs/erweima.webp" alt="">
                    <p>微信</p>
                </div>
                <div>
                    <img src="../imgs/erweima.webp" alt="">
                    <p>微博</p>
                </div>
            </div>

        </div>

    </div>
    <!-- 备案号 -->
    <div class="beian">
        <p>COPYRIGHT (©) 2019 茶叶类网站 京ICP备41414141414-1号</p>
    </div>
</body>
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap() {
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
        addMapOverlay();//向地图添加覆盖物
    }
    function createMap() {
        map = new BMap.Map("map");
        map.centerAndZoom(new BMap.Point(116.403874, 39.914889), 12);
    }
    function setMapEvent() {
        map.enableScrollWheelZoom();
        map.enableKeyboard();
        map.enableDragging();
        map.enableDoubleClickZoom()
    }
    function addClickHandler(target, window) {
        target.addEventListener("click", function () {
            target.openInfoWindow(window);
        });
    }
    function addMapOverlay() {
    }
    //向地图添加控件
    function addMapControl() {
        var scaleControl = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT });
        scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
        map.addControl(scaleControl);
        var navControl = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE });
        map.addControl(navControl);
        var overviewControl = new BMap.OverviewMapControl({ anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: true });
        map.addControl(overviewControl);
    }
    var map;
    initMap();
</script>
<script src="../js/components/qiangzhilogin.js"></script>

</html>